﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>层自动滚动到最低端</title>
    <style type="text/css">
        .test{
            width:300px;
            height:80px;
            border:#eee solid 1px;
            overflow-x:hidden;
            overflow-y:scroll;
        }
    </style>
</head>
<body onload="var t = document.getElementById('test'); t.scrollTop = t.scrollHeight;">
<div id="test" class="test">
    是否滚动到最底端?<br />
    是否滚动到最底端?<br />
    是否滚动到最底端?<br />
    是否滚动到最底端?<br />
    是否滚动到最底端?<br />
    是否滚动到最底端?<br />
    是否滚动到最底端?<br />
    是否滚动到最底端?<br />
    是否滚动到最底端?<br />
    是否滚动到最底端?<br />
</div>
</body>
</html>